<template>
  <van-field 
  v-model="myItem.propValues[modelIndex].value" 
  :label="myItem.propValues[labelIndex].value" 
  :name="myItem.propValues[labelIndex].value" 
  :placeholder="myItem.propValues[placeholderIndex].value" 
  :type="myItem.propValues[typeIndex].value.chooseValue"
  :required="myItem.propValues[requiredIndex].value"
  :autosize="myItem.propValues[autosizeIndex].value"
  :input-align="myItem.propValues[inputAlignIndex].value.chooseValue"
  :rules="[{ required: myItem.propValues[requiredIndex].value, message: myItem.propValues[placeholderIndex].value }]"
  />
</template>
<script>
export default {
  props: {
    myItem: {},
  },
  data() {
    return {
      modelIndex: 0,
      labelIndex: 1,
      placeholderIndex: 2,
      typeIndex: 3,
      requiredIndex: 4,
      autosizeIndex: 5,
      inputAlignIndex: 6,
    }
  }
};
</script>